<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">

  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
       Remove this if you use the .htaccess -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>Metadata Navigator</title>
  <meta name="description" content="">
  <meta name="author" content="">

  <!-- Mobile viewport optimized: j.mp/bplateviewport -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
  <link rel="shortcut icon" href="/favicon.ico">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">


  <!-- CSS: implied media="all" -->
  <link rel="stylesheet" href="css/style.css?v=2">
	
  <!-- RSS feed -->
  <link rel="alternate" type="application/rss+xml" title="Latest Changes Feed" href="services/ws_metadata_latest.php?format=rss" /> 


  <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
  <script src="js/libs/modernizr-1.7.min.js"></script>

</head>

<body>

  <div id="container">
    <header>
		<div id="site-logo">
			<img src="img/bg_head_top_logo.jpg" width="60" />
        </div>
		<div id="site-title" class="clearfix">
			<h1><a href="javascript:void(0);" title="Go to Start page">Metadata Navigator</a></h1>
			<h2>Mecklenburg County GIS</h2>
		</div>
		
    </header>
    <div id="main" role="main" class="clearfix">
		
		<aside class="boxshadow">
			
			<div>
				<h1>Search</h1>
				<form action="javascript:void(0)">
					<input id="searchtext" value="" style="width: 150px;" placeholder="Start here!" />
					<input type="submit" name="button" value="Go" />
				</form>
			</div>
			
			<div id="latest">
				<h1><a href="services/ws_metadata_latest.php?format=rss" target="_blank" ><img src="img/Feed-icon.png" class="rss" /></a> Latest Updates</h1>
				<div id="latest_updates"></div>
			</div>
			
			<blockquote>
				<p>
					Metadata, or metainformation, is Information about a data set, or data about data.
					<a href="http://en.wikipedia.org/wiki/Metadata" target="_blank">&rsaquo;&rsaquo; More</a>
				</p>
			</blockquote>
			
		</aside>
		
		<article>
			<div id="metadataselector" class="hidden"><strong>Metadata Styling</strong>: <a href="javascript:void(0);" onclick="changeMeta('summary');">Summary</a> |
				<a href="javascript:void(0);" onclick="changeMeta('classic');">FGDC Classic</a> |
				<a href="javascript:void(0);" onclick="changeMeta('faq');">FGDC FAQ</a> |
				<a id="xmllink" href="" target="blank" >XML</a>
			</div>
			<div id="main-content">
				<h1>Welcome to Metadata Navigator</h1>
	
				<p>To begin, use the <b>Search</b> panel on the left. As an example, try searching for the word "parcel" in the "Title" tag.</p>
				
			</div>
				
		</article>
		
    </div>
    <footer>
		<a href="http://emaps.charmeck.org">Mecklenburg County GIS</a>
    </footer>
  </div> <!--! end of #container -->


  <!-- JavaScript at the bottom for fast page loading -->

	<script src="js/libs/openlayers/OpenLayers.js"></script>
  <!-- Grab Google CDN's jQuery -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>


  <!-- scripts concatenated and minified via ant build script-->
  <script src="js/plugins.js"></script>
  
  <script src="js/script.js"></script>
  <!-- end scripts-->


  <!--[if lt IE 7 ]>
    <script src="js/libs/dd_belatedpng.js"></script>
    <script>DD_belatedPNG.fix("img, .png_bg"); // Fix any <img> or .png_bg bg-images. Also, please read goo.gl/mZiyb </script>
  <![endif]-->



</body>
</html>